<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

 <head>

  <title>CSS Reftest Reference</title>

  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />

  <style type="text/css"><![CDATA[
  body {margin: 8px;}  
  
  table
  {
  border-collapse: collapse;
  border-bottom: blue solid 10px;
  margin-left: 5px;
  table-layout: fixed;
  width: 270px;
  }

  td
  {
  height: 50px;
  padding: 0px;
  }

  td#top
  {
  border-top: blue solid 10px;
  width: 50px;
  }
  
  td.left {border-left: blue solid 10px;}

  td.right {border-right: blue solid 10px;}

  td.bottom {border-bottom: blue solid 10px;}
  ]]></style>

 </head>

 <body>

  <p>Test passes if there is a blue line that creates<br />
  the shape of a staircase (or a small pyramid)<br />
  that go 3 steps up and then go 3 steps down.</p>

  <table>

      <tr><td></td><td class="bottom"></td><td id="top" class="left right"></td><td class="bottom"></td><td></td></tr>

      <tr><td class="bottom right"></td><td></td><td></td><td></td><td class="bottom left"></td></tr>
    
      <tr><td class="left"></td><td></td><td></td><td></td><td class="right"></td></tr>

  </table>

 </body>
</html>